.m-tabbar {
  position: fixed;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  height: @uni-m-tab-height;
  border-top: .5px solid #e8e9eb;
  background: #fff;
  display: flex;
  justify-content: space-around;
  align-items: center;
  z-index: 999;

  .m-tabbar-item {
    height: 100%;
	flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
		
    .m-tabbar-item-text {
      font-size: 28rpx;
    }
	
	&.active{
		.m-tabbar-item-text{
			 color: @tabColor;
		}
	}

    .m-tabbar-item-icon {
      image {
        width: 56rpx;
        height: 56rpx;
      }
    }
  }
}
